html, body {margin:0;padding:0;font-family:Arial,Verdana;font-size:12px;}
img {border:none;}
a{color:#2e3092;}
h1{font-size:large;}
h2{font-size:medium;}

/*main layout*/
#header,  #content, #footer, #messages, #topbar{float:left;clear:both;width:100%;margin:0px;padding:0px;}
#logo {margin:10px;}
#topbar{padding:6px 0px 6px 0px;}
#topbar, #footer {border-bottom:solid 1px #8cc63e;border-top:solid 1px #8cc63e;}
#footer {text-align:center;padding:5px 0px;}
#search {position:absolute;top:27px;right:10px;}
#messages{color:red;}
#account-control {position:absolute;top:15px;right:15px;padding-right:10px;font-size:120%;}
#main-content {padding:10px 15px;}
#account {text-align:right;position:absolute;top:8px;right:10px;}
#account a{margin:3px 5px;}
#help{float:right;clear:none;margin-right:10px;}

.main-link{float:left;clear:none;margin:2px 16px 0px 4px;}
.main-link a{font-size:120%;text-decoration:underline;font-weight:bold;}
.main-link a:hover{text-decoration:underline;}

#signout{margin-left:8px;}
.admin {color:#555;font-size:90%;}
.step {float:left;margin:5px;height:180px;text-align:left;width:210px;overflow:hidden;padding:3px;border: solid 1px white;display:block;}
.wide {width:250px;}
.tall{height:210px;}
.main-link h4{width:200px;text-align:center;}
.center{text-align:center;}

/*search*/
.search-block{width:250px;float:left;clear:none;margin:20px;padding:20px;}
.search-block legend{font-size:140%;}
#search-source{color:#3987DC;}
#search-relation{color:#EA3D65;}
#search-destination{color:#729c50;}

/*login*/
#login-main {width:575px; height:248px; margin:50px auto;}
#login-main h3{margin:0px 0px 0px 0px; padding-top:35px; padding-right:95px;text-align:center; font-weight:bolder; font-size:140%;}
#login-contents{float:left; clear:both; width:100%; margin-top:20px;}
#login-labels {width:158px; text-align:right; clear:none; float:left; padding-right:12px;}
#login-labels label {font-weight:bolder; display:block; font-size:110%; margin-bottom:12px;}
#login-fields {width:190px; clear:right; float:left;}
#login-fields .input-box{width:150px;font-weight:bolder; color:#555; margin-bottom:6px;}
#login-buttons {float:left; clear:both; padding-left:210px;}
#login-remember{margin-left:180px;float:left;clear:both;width:200px;text-align:left;font-weight:bolder;}
#login-remember a {font-weight:bolder;text-decoration:none;}
#login-links{margin-left:100px;float:left;clear:both;text-align:left;}
#login-links a{margin:5px;}

/*home page*/
.home-title{text-align:center; color:#8cc63e; font-size:170%; margin-top:10px; font-weight:bold;}
.cloud{position:absolute; border:solid 1px #8cc63e; top:150px; width:200px; right:20px; font-weight:bold; padding:20px; text-align:justify; line-height:30px;}
.cloud a {color:#999; text-decoration:none;}
.cloud a:visited {color:#999; text-decoration:none;}
.cloud a:hover {text-decoration:underline;}

/*annoration summaries*/
.s-container {width:500px; float:left; clear:both; font-size:105%; padding-bottom:12px; font-weight:bold; color:#999;}
.s-container-user {width:100%; float:left; clear:both; font-size:105%; padding-bottom:12px; font-weight:bold; color:#999;}
.s-panel {width:200px; margin-right:12px; text-align:center; float:left;}
.s-stars {margin-top:6px;}
.s-body {}
.s-first-line {margin-bottom:10px;}
.s-title {font-size:120%;color:navy;}
.s-title {}
.s-comment {margin-bottom:10px;}
.s-tags {margin-bottom:10px;}
.s-tags a {color:#8cc63e; text-decoration:none;}
.s-tags a:visited {color:#8cc63e; text-decoration:none;}
.s-tags a:hover {text-decoration:underline;}
.s-user-link {color:#999;}
.s-edit-link {color:#999;}
.timestamp {font-size:90%; color:#999;}

.annoration {margin-top:12px; margin-bottom:12px; font-size: 130%}

/*widget styles*/
#annoration-widget-main-container {float: left; width: 200px;}
#widget-configurator { margin-left: 250px;}
#html-snippet{ clear: both; padding-top: 20px;}

